.myviewer .container{
	white-space: pre-line;
	position: relative;
	height: 100%;

}
.myviewer .file{
	position: relative;
	display: inline-block;
	width: 64px;
	height: 64px;
	font-family: verdana;
	font-size: 10px;
	margin: 5px;
	border: 1px solid #fff;
	cursor: alias;
	transition: all 0.5s ease-out 0s;
}

.myviewer .file img,
.myviewer .file p,
.myviewer .file .file_icon{
	display: block;
	position: relative;
	margin: 0px;
	padding: 0px;
	/*overflow: hidden;/**/
}
.myviewer .file img,
.myviewer .file .file_icon{
	margin: 0 auto;
	width: 48px;
	max-height: 48px;
	max-width: 48px;
	
}
.myviewer .file a {
	height: 16px;
	width: 16px;
	display: block;
	position: absolute;
	visibility: hidden;
	top: 0px;
	right:0px;
	background: url('img/search.gif') top no-repeat;

}
.myviewer .file:hover a{
	visibility: visible;
	opacity:0.5;

}
.myviewer .file:hover a:hover{
	opacity:1;
	cursor: pointer;
	background-position: 0px -16px;
}
.myviewer .file img.loading{
	background: url('img/loading_thumbnail.gif') center center no-repeat;
}
.myviewer .file .file_icon{
	width: 48px;
	height: 48px;
	background: url('img/sprite.gif') no-repeat;
	background-position: 0px 0px;
	padding: 0;
}
.myviewer .file .file_image{
	background-position: -48px 0px;
	border: 0;
}
.myviewer .file > span{
	position: absolute;
	left: 0px;
	top: 0px;
	font-family: monospace;
	font-size: 13px;
	background-color: #1E62D0;
	color: #fff;
	border-radius: 5px;padding: 1px;
	opacity: 0.8;
}
.myviewer .file p{
	position: absolute;
    width: inherit;
    bottom: 0px;padding: 3px;
    text-overflow: ellipsis;
    overflow: hidden;
}
.myviewer .file:hover p,
.myviewer .file:focus p
{
	position: absolute;
	width: auto;
	background-color: #4285F3;
	color:#fff;
	z-index: 22;
	
}
.myviewer .file:hover,
.myviewer .file:focus{
	border: 1px solid #4285F3;
}
.myviewer .file:hover > span,
.myviewer .file:focus > span{
	border-radius: 0px 5px 5px 0px;
}
.myviewer .url{
	/*height: 16px;/**/
	/*background-color: #4285F3;/**/
}
.myviewer .url input{
	background-color:  #4285F3;
	color: #fff;
	border: none;
	border-radius: 8px;
	width: 99%;
	display: block;
	font-family: monospace;
	font-size: 1em;
}
.myviewer label.loading{
	background: url('img/loading_thumbnail.gif') right center no-repeat;
	padding-right: 20px;
}

.myviewer_folders button.folder{
	cursor: pointer;
}
.myviewer_folders button.folder:hover{
	background-color:#629BF7
}
.myviewer fieldset legend,
.myviewer_folders button{
	font-family: verdana;
    font-size: 0.6em;
    color: #FFFFFF;
    background-color: #4285F3;
}
.myviewer_folders button{
	border-radius: 15px;
	color: #FFFFFF;
	border:1px solid #347CEF;
	margin: 2px;
}
.myviewer_folders button.folder:active {
	position:relative;
	top:1px;
}
.myviewer_folders button.open_folder{
	background-color: #999;
}
.myviewer fieldset{
	border: 1px solid #4285F3;
    padding: 0;
}
.myviewer fieldset legend{
	
    border: 1px solid #4285F3;
    border-radius: 15px 15px 15px 15px;
    margin-left: 15px;
    position: relative;
    padding: 2px;
}

.myviewer .container_empty:after{
	color: #FFFFFF;
	content: "EMPTY...";
	display: block;
	font-size: 1.5em;
	text-align: center;
	text-shadow: 1px 1px 3px #1A6DF2;
}